<template>
  <div>
    <p>child</p>
  </div>
</template>

<script>
import { ref, reactive, defineProps,watchEffect } from "vue";
let props = defineProps({
  name: String,
  age: {
    type: Number,
    default: 10,
  },
  count: {
    type: Number,
    default: "hello word",
  },
});
console.log(props);
export default {
  setup() {
    return {};
  },
};
</script>

<style lang="scss" scoped></style>
